<template>
    <div style="height: 100%; display: flex; border: blue 1px solid">
        <!-- menu -->
        <div style="width: 20%; height: 100%;">
			<div style="border-bottom: 2px solid darkkhaki; width: 90%;">
			    <h4>教师菜单</h4>
			</div>
			<ul style="list-style: none; line-height: 30px;">
            <li><router-link to="/tea/pwd" active-class="active">修改密码</router-link></li>
            <li><router-link to="/tea/head" active-class="active">更改头像</router-link></li>
            <li><router-link to="/tea/gomark" active-class="active">我的课程</router-link></li>		
			</ul>
        </div>
        <div style="width: 78%;height: 100%;">
            <router-view></router-view>
        </div>
    </div>
</template>

<script>
	console.dir(window.store)
    export default {
        name:'Tea'
    }
</script>

<style>
</style>